@import './variable.scss';

// 导航菜单(水平)
.el-menu--horizontal.menu-popper {
  background-color: $menu-bg-color1 !important;
  .el-menu--popup {
    // 微调弹出菜单的位置
    padding: 0 0 !important;
    margin: 1px 0px 0 !important;
  }
  // 设置菜单项的颜色和高度
  .el-menu-item,
  .el-submenu__title {
    @extend %menu-height;
    @extend %menu-color;
    padding: 0px $menu-padding !important;
    &:hover {
      background-color: $menu-hover-color !important;
    }
  }
  // 下拉菜单右边小箭头靠右
  .el-submenu__icon-arrow {
    margin-right: 0 !important;
    right: 12px !important;
    margin-top: -3px !important;
  }
}

// 导航菜单(垂直)
.el-menu--vertical.menu-popper {
  .el-menu--popup {
    // 微调弹出菜单的位置
    // margin: 1px 3px !important;
    padding: 0px 1px !important;
  }
  // 设置菜单项的颜色和高度
  .el-menu-item,
  .el-submenu__title {
    @extend %menu-height;
    @extend %menu-color;
    padding: 0 $menu-padding !important;
    &:hover {
      background-color: $menu-hover-color !important;
    }
  }
  // 下拉菜单右边小箭头靠右
  .el-submenu__icon-arrow {
    margin-right: 0 !important;
  }
}

// dropdown菜单
.el-dropdown-menu.dropdown-popper {
  @extend %menu-color;
  // 微调位置
  margin: 1px 0px 0 !important;
  .el-dropdown-menu__item {
    @extend %menu-height;
    @extend %menu-color;
    &:hover {
      background-color: $menu-hover-color !important;
    }
  }
  .el-link {
    // display: block;
    font-size: 12px !important;
    line-height: 30px !important;
    text-align: center !important;
    text-decoration: none !important;
    // font-weight: 400 !important;
    color: black !important;
    &:hover,
    &::after {
      background-color: $menu-hover-color !important;
    }
  }
}

// select
.el-select-dropdown.select-popper {
  margin-top: 1px !important;
  .el-select-dropdown__item {
    @extend %item-height;
    padding: 0px 5px !important;
    vertical-align: middle !important;
  }
}

.el-select-dropdown.select-popper2 {
  .el-select-dropdown__item {
    @extend %item-height;
    padding: 0px 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
  }
}

.el-popper .popper__arrow {
  display: none !important;
}

.el-dropdown-menu.dropdown-popper {
  margin: 1px 0 !important;
}

.el-dropdown-menu--small {
  padding: 3px 0 !important;
}

.el-dropdown-menu--small {
  .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    &:before {
      height: 1px !important;
    }
  }
}

.el-dropdown-menu__item--divided {
  &:before {
    background-color: $divider-color !important;
  }
}

// .el-tooltip__popper {
//   background-color: transparent !important;
// }
